<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示与光标属性</title>
		
	</head>
	<style>
		div{
			/* 背景图片属性 */
			width:400px;
			height: 400px;
			background-image: url("img/微信图片_20250227111437.png");
			background-size: 400px 400px;
			/* 转为行内元素,行内元素实际宽高由内容来决定 
			div--特点:有宽没高,没有内容
			结论:没有所谓行转块、块转行!
			*/
		   disp lay: none;
		}
		p{
			width: 400px;
			height:400px;
			background-image: url("img/微信图片_20250227111344.jpg");
			background-size: 400px 400px;
			/* 元素隐藏模型还在 */
			visib ility: hidden;
			/* 光标属性:通常修饰某些元素光标效果【属性值】 
			currsor光标属性:pointer指针
			               crosshair 十字准线
						    text 文本
							wait  加载中
							help 帮助
			*/
		   cursor: help;
		}
			
		a{
			text-decoration: none;
		}
	</style>
	
	<body>
		<div>🐓</div>
        我是丁真
		<p></p >
		真的是你亚
	</body>
</html>